
/*========================================
        MEZZANINE GENERAL STYLES
==========================================*/

body {
  padding-top: 50px;
  line-height: 165%;
}
h1 {
  margin-bottom: 15px;
}
.alert {
  padding: 5px 10px;
}
.alert-dismissable .close {
  right: 0;
}
ul, ol {
  padding-left:20px;
}
.tree {
  padding: 5px 0;
}
.tree ul a {
  padding: 7px 15px;
}
.navlist-menu-level-0 {
  margin:-5px 0;
}
.navbar-text {
  font-style: italic;
  font-size: 11px;
  color: #aaa !important;
  line-height: 100%;
  padding-top: 5px;
  margin:15px 20px 0 5px;
}
.navbar-form.navbar-right {
  padding-right: 0;
  margin-right: -10px;
}
.navbar-form.navbar-right .form-group {
  margin-right: 2px;
}
.messages {
  margin-top: 20px;
}
.tree > .nav .nav > li {
  padding-left: 15px;
}
.tree .active > a {
  background-color: #EEEEEE;
}
.tree .active-branch > a {
  font-weight: bold;
}
.breadcrumb > li + li:before {
  padding: 0 5px 0 10px;
}
.nav-footer {
  display: table;
  margin: 0 auto;
}
.nav-footer > ul {
  display: inline-block;
  width: 120px;
  margin-left: 50px;
  vertical-align: top;
}
.nav-footer > ul > li {
  padding: 10px 0;
}
footer {
  background-color: #F8F8F8;
  border-top: 1px solid #E7E7E7;
  margin-top: 15px;
  padding: 15px 0 30px;
}
footer .separator {
  opacity: 0.3;
  margin: 0 10px;
}
.site-info {
  font-size: 90%;
  margin-top: 15px;
}
.panel-body > h1:first-child,
.panel-body > h2:first-child,
.panel-body > h3:first-child {
  margin-top: 0;
}
img.pull-left {
  margin-right: 10px;
  margin-bottom: 5px;
}
.user-panel p {
  margin-bottom:3px;
}
.user-panel .btn {
  margin: 5px 5px 5px 0;
}
/* Style error messages as danger alerts */
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.alert-error hr {
  border-top-color: #e6c1c7;
}
.alert-error .alert-link {
  color: #953b39;
}
.timespan {
  color: #888;
}
#search-results h5 {
  margin-top: 20px;
}
#search-results p {
  margin: 3px 0;
}

/*========================================
          MULTI-LEVEL DROP-DOWN NAV
==========================================*/
.nav > li > a.dropdown-toggle:hover{
  background-color: #e7e7e7;
  color: #555;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-top-left-radius: 0;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: inline-block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-left-color: #777;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu > a:hover:after {
  border-left-color: #333;
}
.dropdown-submenu.active > a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-top-right-radius: 0;
}

/*========================================
            MEZZANINE BLOG
==========================================*/

.blog-list-detail {
  border-bottom: 1px dashed #CCCCCC;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.post-meta {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 14px;
}
.post-meta > a {
  color: #666;
}
.share-facebook, .share-twitter,
.share-facebook:hover, .share-twitter:hover {
  color: #fff;
  font-weight: 700;
}
.share-facebook {
  background-color: #4667A6;
}
.share-twitter {
  background-color: #00A3D4;
}
.tag-cloud li {
  padding-left: 0;
}
.tag-weight-1 {
  font-size: 90%;
}
.tag-weight-2 {
  font-size: 120%;
}
.tag-weight-3 {
  font-size: 150%;
}
.tag-weight-4 {
  font-size: 180%;
}
.recent-posts img {
    margin: 2px;
}

/*========================================
            MEZZANINE FORMS
==========================================
  These rules mirror the rules for .form-control included with
  Bootstrap. They are needed because we can not directly apply
  CSS classes to the form fields when rendering them in the template.
  They also cover special cases for date and date/time inputs.
*/

.form-group > input[type="text"],
.form-group > input[type="password"],
.form-group > input[type="datetime"],
.form-group > input[type="datetime-local"],
.form-group > input[type="date"],
.form-group > input[type="month"],
.form-group > input[type="time"],
.form-group > input[type="week"],
.form-group > input[type="number"],
.form-group > input[type="email"],
.form-group > input[type="url"],
.form-group > input[type="search"],
.form-group > input[type="tel"],
.form-group > input[type="color"],
.form-group > select,
.form-group > textarea {
  display: block;
  width: 100%;
  max-width: 300px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-group > input[type="text"]:focus,
.form-group > input[type="password"]:focus,
.form-group > input[type="datetime"]:focus,
.form-group > input[type="datetime-local"]:focus,
.form-group > input[type="date"]:focus,
.form-group > input[type="month"]:focus,
.form-group > input[type="time"]:focus,
.form-group > input[type="week"]:focus,
.form-group > input[type="number"]:focus,
.form-group > input[type="email"]:focus,
.form-group > input[type="url"]:focus,
.form-group > input[type="search"]:focus,
.form-group > input[type="tel"]:focus,
.form-group > input[type="color"]:focus,
.form-group > select:focus,
.form-group > textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-group > textarea {
  height: auto;
  max-width: 400px;
}
.has-error > input[type="text"],
.has-error > input[type="password"],
.has-error > input[type="datetime"],
.has-error > input[type="datetime-local"],
.has-error > input[type="date"],
.has-error > input[type="month"],
.has-error > input[type="time"],
.has-error > input[type="week"],
.has-error > input[type="number"],
.has-error > input[type="email"],
.has-error > input[type="url"],
.has-error > input[type="search"],
.has-error > input[type="tel"],
.has-error > input[type="color"],
.has-error > select,
.has-error > textarea {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error > input[type="text"]:focus,
.has-error > input[type="password"]:focus,
.has-error > input[type="datetime"]:focus,
.has-error > input[type="datetime-local"]:focus,
.has-error > input[type="date"]:focus,
.has-error > input[type="month"]:focus,
.has-error > input[type="time"]:focus,
.has-error > input[type="week"]:focus,
.has-error > input[type="number"]:focus,
.has-error > input[type="email"]:focus,
.has-error > input[type="url"]:focus,
.has-error > input[type="search"]:focus,
.has-error > input[type="tel"]:focus,
.has-error > input[type="color"]:focus,
.has-error > select:focus,
.has-error > textarea:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.multiplechoicefield > ul, .choicefield > ul{
  margin: 0;
  padding: 0;
}
.multiplechoicefield > ul > li, .choicefield > ul > li{
  list-style: none;
  display: inline-block;
}
.multiplechoicefield > ul label, .choicefield > ul label {
  display: inline-block;
  padding-right: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.datefield, .datetimefield {
  max-width: 450px;
}
.datefield > select {
  display: inline-block;
  width: 30%;
  margin-right: 2%;
}
.datefield > label, .datefield > .help-block,
.datetimefield > label, .datetimefield > .help-block {
  display: block;
}
.datetimefield > select {
  display: inline-block;
  margin-right: 2%;
  width: 22%;
}
.datetimefield > input[type="text"] {
  display: inline-block;
  width: 25%;
}
.form-actions {
  background-color: #F8F8F8;
  border-top: 1px solid #E7E7E7;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 5px;
}
/* We apply the clearfix hack to .form-actions because we often
float the buttons inside it. This prevents collapsing. */
.form-actions:before,
.form-actions:after {
  display: table;
  content: " ";
}

.form-actions:after {
  clear: both;
}

/*========================================
          MEZZANINE GALLERY
==========================================*/

.gallery .thumbnail {
  margin: 15px 0;
}
.gallery .thumbnail > img {
  width: 100%;
}

/*========================================
          MEZZANINE GENERIC
==========================================*/

#comments, .rating {
  margin:20px 0;
}
.rating span, .rating form {
  display: inline-block;
}
.rating ul {
  padding-left: 0;
  list-style: none;
}
.rating li {
  display: inline-block;
  margin: 0 5px;
}
.comment .rating {
  margin-top: 5px;
}
.comment-author {
  border: 1px solid #DDD;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  padding: 15px;
  margin-bottom: 30px;
  background-color: #FEFFEE;
}

/*========================================
          MEZZANINE TWEETS
==========================================*/

.tweeter-image {
  width: 32px;
  height: 32px;
}
.tweet {
  margin-bottom: 20px;
}
.tweet h4 {
  margin-bottom:2px;
  font-size:17px;
}
.tweet h4 small {
  display:block;
  line-height:150%;
}
.tweet p {
  font-size:13px;
  line-height:160%;
}
.tweet h6 {
  margin:5px 0 10px 0;
}
.tweet .glyphicon {
  margin:0 3px;
}

/*========================================
          MEZZANINE ACCOUNTS
==========================================*/

.profile-image > img {
  margin-bottom: 20px;
}

/*========================================
          RESPONSIVE TWEAKS
==========================================*/

/* Display dropdowns on hover only in desktops (md and lg classes) */
@media (min-width: 768px) {
  .navbar-nav > li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
.tree {display:none;}
@media (min-width: 992px) {
  .tree {display:block;}
}
.navbar .container {width:100%;}
@media (min-width: 992px) {
  .navbar .container {width:970px;}
}
@media (min-width: 1200px) {
  .navbar .container {width:1170px;}
}

body {
    margin: 0 auto;
}
.footer {
    position: relative;
    background: url(../images/pcb_background.png) repeat;
    height: 100%;
    width: 100%;
    background-color: #0f7391;
}
.pcb {
    background: url(../images/pcb.png) no-repeat;
    left: 0px;
    min-height: 500px;
    height: 100%;
    width: auto;
    background-size: 25%;
}
@font-face {
    font-family: 'inconsolata';
    src: url(Inconsolata.otf) format('opentype');
}
body {
    margin: 0;
    font-family: 'inconsolata', "微软雅黑", "Microsoft Yahei", "WenQuanYi Micro Hei";
    background: url(../images/bg_body.jpg);
}
p {
    font-family: "Source Han Sans CN", "noto sans";
}

.h1, .h2, .h3, .h4, .h5, .h6, code, kbd, pre, samp {
    font-family: 'inconsolata', "Source Han Sans CN", "noto sans";
}

.tagline {
    font-family: 'inconsolata', "Source Han Sans CN", "noto sans";;
    color: black;
    font-size: 12pt;
}
.brand {
    font-family: sans-serif;
    font-size: 20px;
}
blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote p {
    display: inline;
}
.middle {
   background-color: #fff;
   border-radius: 5px;
}
.middle img {
    max-width: 600px;
}
.middle .posts ul {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 1em;
}
.middle .posts  li {
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #FFF;
    color: #444;
    text-decoration: none;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: .3em;
}
.middle .posts li:hover {
    background: #cbe7f8;
}
.middle .posts li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #87ceeb;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    color: #FFF;
}
h2 {
    font-size: 1.8em;
    font-weight: bold;
}
h1 {
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
    margin-bottom: 20px;
}
h3 {
    font-size: 1.6em;
    margin-bottom: 10px;
}

h4 {
    font-size: 1.4em;
    margin-bottom: 10px;
}

.codehilite .hll {
    background-color: #ffffcc
}
.codehilite .c {
    color: #008800;
    font-style: italic
}

/* Comment */
.codehilite .err {
    border: 1px solid #FF0000
}

/* Error */
.codehilite .k {
    color: #AA22FF;
    font-weight: bold
}

/* Keyword */
.codehilite .o {
    color: #666666
}

/* Operator */
.codehilite .cm {
    color: #008800;
    font-style: italic
}

/* Comment.Multiline */
.codehilite .cp {
    color: #008800
}

/* Comment.Preproc */
.codehilite .c1 {
    color: #008800;
    font-style: italic
}

/* Comment.Single */
.codehilite .cs {
    color: #008800;
    font-weight: bold
}

/* Comment.Special */
.codehilite .gd {
    color: #A00000
}

/* Generic.Deleted */
.codehilite .ge {
    font-style: italic
}

/* Generic.Emph */
.codehilite .gr {
    color: #FF0000
}

/* Generic.Error */
.codehilite .gh {
    color: #000080;
    font-weight: bold
}

/* Generic.Heading */
.codehilite .gi {
    color: #00A000
}

/* Generic.Inserted */
.codehilite .go {
    color: #808080
}

/* Generic.Output */
.codehilite .gp {
    color: #000080;
    font-weight: bold
}

/* Generic.Prompt */
.codehilite .gs {
    font-weight: bold
}

/* Generic.Strong */
.codehilite .gu {
    color: #800080;
    font-weight: bold
}

/* Generic.Subheading */
.codehilite .gt {
    color: #0040D0
}

/* Generic.Traceback */
.codehilite .kc {
    color: #AA22FF;
    font-weight: bold
}

/* Keyword.Constant */
.codehilite .kd {
    color: #AA22FF;
    font-weight: bold
}

/* Keyword.Declaration */
.codehilite .kn {
    color: #AA22FF;
    font-weight: bold
}

/* Keyword.Namespace */
.codehilite .kp {
    color: #AA22FF
}

/* Keyword.Pseudo */
.codehilite .kr {
    color: #AA22FF;
    font-weight: bold
}

/* Keyword.Reserved */
.codehilite .kt {
    color: #00BB00;
    font-weight: bold
}

/* Keyword.Type */
.codehilite .m {
    color: #666666
}

/* Literal.Number */
.codehilite .s {
    color: #BB4444
}

/* Literal.String */
.codehilite .na {
    color: #BB4444
}

/* Name.Attribute */
.codehilite .nb {
    color: #AA22FF
}

/* Name.Builtin */
.codehilite .nc {
    color: #0000FF
}

/* Name.Class */
.codehilite .no {
    color: #880000
}

/* Name.Constant */
.codehilite .nd {
    color: #AA22FF
}

/* Name.Decorator */
.codehilite .ni {
    color: #999999;
    font-weight: bold
}

/* Name.Entity */
.codehilite .ne {
    color: #D2413A;
    font-weight: bold
}

/* Name.Exception */
.codehilite .nf {
    color: #00A000
}

/* Name.Function */
.codehilite .nl {
    color: #A0A000
}

/* Name.Label */
.codehilite .nn {
    color: #0000FF;
    font-weight: bold
}

/* Name.Namespace */
.codehilite .nt {
    color: #008000;
    font-weight: bold
}

/* Name.Tag */
.codehilite .nv {
    color: #B8860B
}

/* Name.Variable */
.codehilite .ow {
    color: #AA22FF;
    font-weight: bold
}

/* Operator.Word */
.codehilite .w {
    color: #bbbbbb
}

/* Text.Whitespace */
.codehilite .mf {
    color: #666666
}

/* Literal.Number.Float */
.codehilite .mh {
    color: #666666
}

/* Literal.Number.Hex */
.codehilite .mi {
    color: #666666
}

/* Literal.Number.Integer */
.codehilite .mo {
    color: #666666
}

/* Literal.Number.Oct */
.codehilite .sb {
    color: #BB4444
}

/* Literal.String.Backtick */
.codehilite .sc {
    color: #BB4444
}

/* Literal.String.Char */
.codehilite .sd {
    color: #BB4444;
    font-style: italic
}

/* Literal.String.Doc */
.codehilite .s2 {
    color: #BB4444
}

/* Literal.String.Double */
.codehilite .se {
    color: #BB6622;
    font-weight: bold
}

/* Literal.String.Escape */
.codehilite .sh {
    color: #BB4444
}

/* Literal.String.Heredoc */
.codehilite .si {
    color: #BB6688;
    font-weight: bold
}

/* Literal.String.Interpol */
.codehilite .sx {
    color: #008000
}

/* Literal.String.Other */
.codehilite .sr {
    color: #BB6688
}

/* Literal.String.Regex */
.codehilite .s1 {
    color: #BB4444
}

/* Literal.String.Single */
.codehilite .ss {
    color: #B8860B
}

/* Literal.String.Symbol */
.codehilite .bp {
    color: #AA22FF
}

/* Name.Builtin.Pseudo */
.codehilite .vc {
    color: #B8860B
}

/* Name.Variable.Class */
.codehilite .vg {
    color: #B8860B
}

/* Name.Variable.Global */
.codehilite .vi {
    color: #B8860B
}

/* Name.Variable.Instance */
.codehilite .il {
    color: #666666
}

/* Literal.Number.Integer.Long */


table{
    margin-bottom: 10px;
}

thead {
    font-size:120%;
    font-weight:1000;
    cursor: pointer;
    background: #c9dff0;
}

thead tr th {
    text-align: center;
    font-weight: bold;
    padding: 12px 30px;
    padding-left: 42px;
}

thead tr th span {
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

tbody tr td {
    padding: 15px 10px;
}

tbody tr td.lalign {
    text-align: left;
}


tbody tr:nth-child(even){
    background: #fff;
}

tbody tr:nth-child(odd){
    background: #eee;
}

td, th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .5em 1em;
}

pre {
    padding:4px;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.autocomplete2 {
    margin-top:10px;
}

#autocomplete2{
    background: url() no-repeat 10px 6px #fcfcfc;
    border:1px solid #d1d1d1;
    font: bold 12px Arial, Helvetica, Sans-serif;
    color:#000;
    width:80%;
    padding:6px 15px 6px 35px;
    border-radius:20px;
    text-shadow:0 2px 3px rgba(0,0,0,0.1);
    box-shadow:0 1px 3px rgba(0,0,0,0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
}

#autocomplete2:focus{
    width:100%;
    outline:0;
}

.dropdown-menu {
background:none;
border: none;
}

.navbar {
  font-size: 18px; }
  .navbar .brand {
    font-size: inherit;
    font-weight: 700;
    padding-bottom: 16px;
    padding-top: 15px; }
  .navbar .nav > li:hover > ul {
    top: 100%; }
  .navbar .nav > li > ul {
    padding-top: 13px;
    top: 80%;
    background-color: white\9; }
    .navbar .nav > li > ul:before {
      content: "";
      border-style: solid;
      border-width: 0 9px 9px 9px;
      border-color: transparent transparent #34495e transparent;
      height: 0px;
      position: absolute;
      left: 15px;
      top: 5px;
      width: 0px;
      -webkit-transform: rotate(360deg); }
    .navbar .nav > li > ul li:hover ul {
      opacity: 1;
      -webkit-transform: scale(1, 1);
      visibility: visible;
      display: block\9; }
    .navbar .nav > li > ul li ul {
      left: 100%; }
  .navbar .nav > li > a {
    padding: 14px 15px 17px; }
    .navbar .nav > li > a:hover {
      color: #1abc9c; }
  .navbar .nav li {
    position: relative; }
    .navbar .nav li:hover > ul {
      opacity: 1;
      z-index: 100;
      -webkit-transform: scale(1, 1);
      visibility: visible;
      display: block\9; }
  .navbar .nav ul {
    border-radius: 4px;
    left: 15px;
    list-style-type: none;
    margin-left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 234px;
    z-index: -100;
    -webkit-transform: scale(1, 0.99);
    -webkit-transform-origin: 0 0;
    visibility: hidden;
    display: none\9;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-backface-visibility: hidden; }
    .navbar .nav ul ul {
      left: 95%;
      padding-left: 5px; }
    .navbar .nav ul li {
      background-color: #34495e;
      padding: 0 3px 3px; }
      .navbar .nav ul li:first-child {
        border-radius: 4px 4px 0 0;
        padding-top: 3px; }
      .navbar .nav ul li:last-child {
        border-radius: 0 0 4px 4px; }
      .navbar .nav ul li.active > a, .navbar .nav ul li.active > a:hover {
        background-color: #1abc9c;
        color: white; }
    .navbar .nav ul a {
      border-radius: 2px;
      color: white;
      display: block;
      font-size: 14px;
      padding: 6px 9px;
      text-decoration: none; }
      .navbar .nav ul a:hover {
        background-color: #1abc9c; }

.navbar-inner {
  border: none;
  padding-left: 4px;
  padding-right: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.navbar-inverse .navbar-inner {
  background: #34495e;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
.navbar-inverse .nav > li > a {
  color: white; }
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
  background-color: transparent;
  color: #1abc9c;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.navbar-unread {
  background-color: #e74c3c;
  border-radius: 30px;
  color: white;
  display: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  min-width: 8px;
  padding: 0 5px;
  position: absolute;
  right: -7px;
  text-align: center;
  text-shadow: none;
  top: 8px;
  z-index: 10; }
  .active .navbar-unread {
    display: block; }


.btn {
  border: none;
  background: #34495e;
  color: white;
  font-size: 16.5px;
  text-decoration: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden; }
  .btn:hover, .btn:focus {
    background-color: #4e6d8d;
    color: white;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; }
  .btn:active, .btn.active {
    background-color: #2c3e50;
    color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .btn.disabled, .btn[disabled] {
    background-color: #95a5a6;
    color: white; }
  .btn.btn-large {
    padding-bottom: 12px;
    padding-top: 13px; }
  .btn.btn-primary {
    background-color: #1abc9c; }
    .btn.btn-primary:hover, .btn.btn-primary:focus {
      background-color: #2fe2bf; }
    .btn.btn-primary:active, .btn.btn-primary.active {
      background-color: #16a085; }
  .btn.btn-info {
    background-color: #3498db; }
    .btn.btn-info:hover, .btn.btn-info:focus {
      background-color: #5dade2; }
    .btn.btn-info:active, .btn.btn-info.active {
      background-color: #2383c4; }
  .btn.btn-danger {
    background-color: #e74c3c; }
    .btn.btn-danger:hover, .btn.btn-danger:focus {
      background-color: #ec7063; }
    .btn.btn-danger:active, .btn.btn-danger.active {
      background-color: #dc2d1b; }
  .btn.btn-success {
    background-color: #2ecc71; }
    .btn.btn-success:hover, .btn.btn-success:focus {
      background-color: #55d98d; }
    .btn.btn-success:active, .btn.btn-success.active {
      background-color: #27ad60; }
  .btn.btn-warning {
    background-color: #f1c40f; }
    .btn.btn-warning:hover, .btn.btn-warning:focus {
      background-color: #f4d03f; }
    .btn.btn-warning:active, .btn.btn-warning.active {
      background-color: #cea70c; }
  .btn-toolbar .btn {
    font-size: 18px;
    padding: 10px 14px 9px; }
    .btn-toolbar .btn:first-child {
      -webkit-border-radius: 6px 0 0 6px;
      -moz-border-radius: 6px 0 0 6px;
      border-radius: 6px 0 0 6px; }
    .btn-toolbar .btn:last-child {
      -webkit-border-radius: 0 6px 6px 0;
      -moz-border-radius: 0 6px 6px 0;
      border-radius: 0 6px 6px 0; }

.hljs{display:block;overflow-x:auto;padding:0.5em;background:#474949;color:#d1d9e1;-webkit-text-size-adjust:none}.hljs-body,.hljs-collection{color:#d1d9e1}.hljs-comment,.diff .hljs-header,.hljs-doctype,.lisp .hljs-string,.hljs-javadoc{color:#969896;font-style:italic}.hljs-keyword,.clojure .hljs-attribute,.hljs-winutils,.javascript .hljs-title,.hljs-addition,.css .hljs-tag{color:#cc99cc}.hljs-number{color:#f99157}.hljs-command,.hljs-string,.hljs-tag .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula,.hljs-regexp,.hljs-hexcolor{color:#8abeb7}.hljs-title,.hljs-localvars,.hljs-function .hljs-title,.hljs-chunk,.hljs-decorator,.hljs-built_in,.hljs-identifier{color:#b5bd68}.hljs-class .hljs-keyword{color:#f2777a}.hljs-variable,.smalltalk .hljs-number,.hljs-constant,.hljs-class .hljs-title,.hljs-parent,.haskell .hljs-label,.hljs-id{color:#ffcc66}.hljs-tag .hljs-title,.hljs-rules .hljs-property,.django .hljs-tag .hljs-keyword{font-weight:bold}.hljs-attribute{color:#81a2be}.hljs-preprocessor,.hljs-pragma,.hljs-pi,.hljs-shebang,.hljs-symbol,.hljs-symbol .hljs-string,.diff .hljs-change,.hljs-special,.hljs-attr_selector,.hljs-important,.hljs-subst,.hljs-cdata{color:#f99157}.hljs-deletion{color:#dc322f}.tex .hljs-formula{background:#eee8d5}
.progressive{overflow:hidden;position:relative;background:#efefef}.progressive__img{width:100%;height:100%;transform:translateZ(0)}.progressive--not-loaded{filter:blur(30px)}.progressive--is-loaded{filter:blur(20px);animation:a .5s both}@keyframes a{0%{filter:blur(20px)}to{filter:blur(0)}}
